<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html>
<head>
<title>三3三博客 — 一个站在java开发之路上的草根程序员个人博客网站</title>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="keywords" content="个人博客,个人博客系统,三3三博客">
<meta name="description" content="三3三博客，一个站在java开发之路上的草根程序员个人博客网站。">
<LINK rel="Bookmark" href="favicon.ico" >
    <LINK rel="Shortcut Icon" href="../../images/icon.jpg" />
    <![endif]-->
<link rel="stylesheet" type="text/css" href="plugin/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="plugin/Hui-iconfont/1.0.8/iconfont.min.css" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="plugin/pifu/pifu.css" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } function showSide(){$('.navbar-nav').toggle();}</script>
</head>
<body>
<header class="navbar-wrapper">
    <div class="navbar navbar-fixed-top">
        <div class="container cl">
            <a class="navbar-logo hidden-xs" href="blog.html">
<!--                <img class="logo" src="img/logo.png" alt="三3三博客" />-->
            </a>
            <a class="logo navbar-logo-m visible-xs" href="blog.html">三3三博客</a>
            <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:void(0);" onclick="showSide();">&#xe667;</a>
            <nav class="nav navbar-nav nav-collapse w_menu" role="navigation">
                <ul class="cl">
                    <li class="active"> <a href="/main.html" data-hover="主页面">主页面</a> </li>
                    <li class="active"> <a href="/blog/list" data-hover="首页">首页</a> </li>
                    <li> <a href="about.html" data-hover="关于我">关于我</a> </li>
                    <li> <a href="mood.html" data-hover="碎言碎语">碎言碎语</a> </li>
<!--                    <li><a href="article.html" data-hover="学无止尽">学无止尽</a></li>-->
                    <li> <a href="board.html" data-hover="留言板">留言板</a> </li>
                    <li> <a href="writing.html" data-hover="写博客">写博客</a> </li>
                    <li> <a href="myBlog.html" data-hover="我的博客">我的博客</a> </li>
                    <li> <a th:if="${user.username} eq 'zhanzhu'" th:text="审批博客" href="approvalBlog.html" data-hover="审批博客"></a> </li>
                </ul>
            </nav>
            <nav class="navbar-nav navbar-userbar hidden-xs hidden-sm " style="top: 0;">
                <ul class="cl">
                    <li class="userInfo dropDown dropDown_hover">
                            <!--<a href="javascript:;" ><img class="avatar radius" src="img/40.jpg" alt="丶似浅 "></a>
                            <ul class="dropDown-menu menu radius box-shadow">
                                <li><a href="/app/loginOut">退出</a></li>
                            </ul>-->
                        <a >欢迎：[[${user.name}]]</a>
                        <a href="../login.html" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" ><img class="avatar size-S" src="img/qq.jpg" title="登入">  退出</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</header>

<section class="container pt-20">
	<!--<div class="Huialert Huialert-info"><i class="Hui-iconfont">&#xe6a6;</i>成功状态提示</div>-->
  <!--left-->
  <div class="col-sm-9 col-md-9">
  	<!--滚动图-->
  	<div class="slider_main">
            <div class="slider">
                <div class="bd">
                    <ul>
                        <li><a href="#" target="_blank"><img src="img/temp/dog2.jpg"></a></li>
                        <li><a href="#" target="_blank"><img src="img/temp/dog.png"></a></li>
                        <li><a href="#" target="_blank"><img src="img/temp/slide1.jpg"></a></li>
                    </ul>
                </div>
                <ol class="hd cl dots">
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                </ol>
                <a class="slider-arrow prev" href="javascript:void(0)"></a>
                <a class="slider-arrow next" href="javascript:void(0)"></a>
            </div>
        </div>

		<div class="mt-20 bg-fff box-shadow radius mb-5">
			<div class="tab-category">
				<a href=""><strong class="current">最新发布</strong></a>
			</div>
		</div>
		<div id="blogFence" class="art_content" th:each="blog,num:${list}">
			<ul id="blogFence2" class="index_arc">
            </ul>
		</div>
      <div class="text-c mb-20" id="moreBlog">
          <a class="btn  radius btn-block " href="javascript:;" onclick="moreBlog();">点击加载更多</a>
          <a class="btn  radius btn-block hidden" href="javascript:;">加载中……</a>
      </div>
  </div>

  <!--right-->
  <div class="col-sm-3 col-md-3">

  	<!--站点声明-->
        <div class="panel panel-default mb-20">
            <div class="panel-body">
                <i class="Hui-iconfont" style="float: left;">&#xe62f;&nbsp;</i>
                <div class="slideTxtBox">
                    <div class="bd">
                        <ul>
                            <li><a href="javascript:void(0);">三3三博客测试版上线，欢迎访问</a></li>
                            <li><a href="javascript:void(0);">内容如有侵犯，请立即联系管理员删除</a></li>
                            <li><a href="javascript:void(0);">本站内容仅供学习和参阅，不做任何商业用途</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

  	<!--博主信息-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>博主信息</strong></a>
            </div>
            <div class="tab-category-item">
                <ul class="index_recd">
                    <li class="index_recd_item"><i class="Hui-iconfont">&#xe653;</i>姓名：[[${user.name}]]</li>
                    <li class="index_recd_item"><i class="Hui-iconfont">&#xe70d;</i>职业：javaWeb工程师</li>
					<li class="index_recd_item"><i class="Hui-iconfont">&#xe63b;</i>手机号：[[${user.phone}]]</li>
					<li class="index_recd_item"><i class="Hui-iconfont">&#xe63b;</i>邮箱：[[${user.email}]]</li>
					<li id="position" class="index_recd_item"><i class="Hui-iconfont">&#xe672;</i>定位：</li>
                </ul>
            </div>
        </div>


  	<!--热门推荐-->
  	<div class="bg-fff box-shadow radius mb-20" >
			<div class="tab-category">
				<a href=""><strong>热门推荐</strong></a>
			</div>
			<div class="tab-category-item" >
				<ul class="index_recd">
					<li th:each="blog,num:${list2}">
						<a th:onclick="getDetail([[${blog.id}]])">[[${blog.title}]]</a>
						<p class="hits"><i class="Hui-iconfont" title="热度">&#xe6c1;</i> [[${blog.views}]] </p>
					</li>
				</ul>
			</div>
		</div>

		<!--标签-->
		<div class="bg-fff box-shadow radius mb-20">
			<div class="tab-category">
				<a href=""><strong>标签云</strong></a>
			</div>
			<div class="tab-category-item">
				<div class="tags"> <a target="_blank" href="http://www.h-ui.net/">H-ui前端框架</a> <a target="_blank" href="http://www.h-ui.net/websafecolors.shtml">Web安全色</a> <a target="_blank" href="http://www.h-ui.net/Hui-4.4-Unslider.shtml">jQuery轮播插件</a> <a target="_blank" href="http://idc.likejianzhan.com/vhost/korea_hosting.php">韩国云虚拟主机</a> <a target="_blank" href="http://www.h-ui.net/bug.shtml">IEbug</a> <a target="_blank" href="http://www.h-ui.net/site.shtml">IT网址导航</a> <a target="_blank" href="http://www.h-ui.net/icon/index.shtml">网站常用小图标</a> <a target="_blank" href="http://www.h-ui.net/tools/jsformat.shtml">web工具箱</a> <a target="_blank" href="http://www.h-ui.net/bg/index.shtml">网站常用背景素材</a> <a target="_blank" href="http://www.h-ui.net/yuedu/chm.shtml">H-ui阅读</a> <a target="_blank" href="http://www.h-ui.net/easydialog-v2.0/index.html">弹出层插件</a> <a target="_blank" href="http://www.h-ui.net/SuperSlide2.1/demo.html">SuperSlide插件</a> <a target="_blank" href="http://www.h-ui.net/TouchSlide1.1/demo.html">TouchSlide</a></div>
			</div>
		</div>

		<!--友情链接-->
		<div class="bg-fff box-shadow radius mb-20">
			<div class="tab-category">
				<a href=""><strong>隔壁邻居</strong></a>
			</div>
			<div class="tab-category-item">
				<span><i class="Hui-iconfont">&#xe6f1;</i><a href="https://blog.csdn.net/LT11hka" class="btn-link" target="_blank">站主CSDN博客地址</a></span>
				<span><i class="Hui-iconfont">&#xe6f1;</i><a href="https://www.baidu.com" target="_blank" class="btn-link">百度</a></span>
				<span><i class="Hui-iconfont">&#xe6f1;</i><a href="https://uland.taobao.com" class="btn-link" target="_blank">淘宝</a></span>
				<span><i class="Hui-iconfont">&#xe6f1;</i><a href="https://www.qq.com" class="btn-link" target="_blank">腾讯</a></span>
			</div>
		</div>

		<!--分享-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>站点分享</strong></a>
                <input type="hidden" id="clickCount" value="1">
            </div>
            <div class="panel-body">
                <div class="bdsharebuttonbox Hui-share"><a href="#" class="bds_weixin Hui-iconfont" data-cmd="weixin" title="分享到微信">&#xe694;</a><a href="#" class="bds_qzone Hui-iconfont" data-cmd="qzone" title="分享到QQ空间">&#xe6c8;</a> <a href="#" class="bds_sqq Hui-iconfont" data-cmd="sqq" title="分享到QQ好友">&#xe67b;</a> <a href="#" class="bds_tsina Hui-iconfont" data-cmd="tsina" title="分享到新浪微博">&#xe6da;</a> <a href="#" class="bds_tqq Hui-iconfont" data-cmd="tqq" title="分享到腾讯微博">&#xe6d9;</a></div>
            </div>
        </div>




  </div>

</section>
<footer class="footer mt-20">
    <div class="container-fluid" id="foot">
        <p>Copyright &copy; 2020-2021 www.333blog.top <br>
<!--            <a href="#" target="_blank">皖ICP备17002922号</a>  更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a><br>-->
        </p>
    </div>
</footer>
<script type="text/javascript" src="plugin/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="plugin/layer/3.0/layer.js"></script>
<script type="text/javascript" src="plugin/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="plugin/pifu/pifu.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="plugin/jquery.SuperSlide/2.1.1/jquery.SuperSlide.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=klz65vk0y73Q09NKmiiOhqwGmIAsLiVl"></script>
<script> $(function(){ $(window).on("scroll",backToTopFun); backToTopFun(); }); </script>

<script>
    $(function(){
//幻灯片
jQuery(".slider_main .slider").slide({mainCell: ".bd ul", titCell: ".hd li", trigger: "mouseover", effect: "leftLoop", autoPlay: true, delayTime: 700, interTime: 2000, pnLoop: true, titOnClassName: "active"})
//tips
jQuery(".slideTxtBox").slide({titCell: ".hd ul", mainCell: ".bd ul", autoPage: true, effect: "top", autoPlay: true});
//标签
	$(".tags a").each(function(){
		var x = 9;
		var y = 0;
		var rand = parseInt(Math.random() * (x - y + 1) + y);
		$(this).addClass("tags"+rand)
	});

	$("img.lazyload").lazyload({failurelimit : 3});
	moreBlog();
});

function getDetail(articleId) {
    // var articleId = $("#articleId").val();
    location.href = "/blog/getDetail?id="+articleId;
}

//点击加载更多
function moreBlog() {
    var count = $("#clickCount").val();
    var data = {
        pageNum:count
    }
    $.ajaxSettings.async = false;//取消异步
    // alert(count)
    $.getJSON("/blog/moreBlog", data, function (data) {
        document.getElementById("clickCount").value++
        if (data.data.length == 0 || data.data == null){
            alert("没有更多了。。。")
            return;
        }
        $.each(data.data, function (i,value) {
                    $("#blogFence2").append(
                        '<li class="index_arc_item no_pic">' +
                        '<h4 class="title"><a target="_blank" onclick="getDetail(\'' + value.id + '\')">'+value.title+'</a></h4>'+
                        '<div class="date_hits"><span>作者：'+value.authorName+'</span><span>发布时间：'+value.createDate+'</span>' +
                        '<span><a href="https://blog.csdn.net/LT11hka" target="_blank">跳转csdn博客专栏</a></span>' +
                        '<p class="hits"><i class="Hui-iconfont" title="热度">&#xe6c1;</i>'+value.views+'</p>' +
                        '<p class="commonts"><i class="Hui-iconfont" title="评论量">&#xe622;</i><span id="sourceId::105" class="cy_cmt_count">'+value.remarkCount+'</span></p></div>' +
                        '<div class="desc" ><a target="_blank" onclick="getDetail(\'' + value.id + '\')">'+value.content+'</a></div></li>'
                    )
        })
    });
}

    //百度api 通过ip定位
    var myCity = new BMap.LocalCity();
    myCity.get(myFun);
    function myFun(result) {
        var cityName = result.name;
        $("#position").append(cityName);
        // alert("IP 定位城市:" + cityName+"   经度"+result.center.lng+"   纬度"+result.center.lat);
    }


</script>

</body>
</html>
